<template>
  <div>
    <left-left/>
    <project-left style="left:-13px;top:0;position: absolute"/>
    <div style="font-size: 28px;left:27%;top:50px;position: absolute;font-weight:bold">已归档</div>
    <div style="font-size: 18px;left:27%;top:95px;position: absolute">共{{number}}个项目</div>
    <div><img :src="teamUrl" alt="" style="right:10%;top:30px;position: absolute"></div>
    <div>
      <el-input v-model="searchInput" placeholder="请输入内容" style="right:10%;top:120px;position: absolute;width:300px"></el-input>
    </div>
    <div style="right:10%;top:170px;position: absolute;width:1050px"><el-divider></el-divider></div>
    <div>
      <el-table
        :data="finalData"
        stripe
        style="width: 60%;right:10%;top:220px;position: absolute;">
        <el-table-column
          prop="name"
          label="名称">
        </el-table-column>
        <el-table-column
          prop="author"
          label="作者">
        </el-table-column>
        <el-table-column
          prop="type"
          label="项目类型">
        </el-table-column>
        <el-table-column
          prop="createTime"
          label="创建时间">
        </el-table-column>
        <el-table-column
          label="操作">
          <el-button type="primary" icon="el-icon-s-opportunity" size="small">激活</el-button>
        </el-table-column>

      </el-table>
    </div>
  </div>
</template>

<script>
import ProjectLeft from "@/components/left/projectLeft";
import TeamManageLeft from "@/components/left/teamManageLeft";
import LeftLeft from "@/components/left/leftLeft";
export default {
  name: "main_Final",
  // eslint-disable-next-line vue/no-unused-components
  components: {LeftLeft, TeamManageLeft, ProjectLeft},
  data(){
    return{
      teamUrl:require('@/assets/teamTeam.png'),
      searchInput:'',
      number:5,
      finalData:[{
        name:"test1",
        author:"wzn",
        type:"原型/网页",
        createTime:"2022/08/01",
      }]
    }
  }
}
</script>

<style scoped>

</style>
